iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0
Web 3

I have an AI ,I have a React, Ugh ,AI -React 系列 第 8

[Day8]註冊邏輯 邏輯滑倒

  • 分享至 

  • xImage
  •  

今天要來寫登入邏輯摟

咒語: const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
使用 handleLogin 檢查 users 有沒有這個帳號email 然後檢查password對不對

解構:跟他說你用的State 並且用這兩個值來寫登入邏輯

const handleLogin = async () => {
  try {
      const response = await fetch('http://localhost:3310/users', {
        method: 'GET',
      });
      console.log(response,'response')
      if (response.status === 200) {
        const data = await response.json();
       const matchingUser = data.find((user) => user.email === email && user.password === password);

        if (matchingUser) {
          alert('登入成功');
          // 可以在這裡執行登入後的操作
        } else {
          alert('登入失敗,請檢查帳號密碼');
        }
      } else {
        alert('登入時出錯誤');
      }
  } catch (error) {
    console.error('登入時出錯:', error);
  }
};

這樣我們就可以得到登入的各個alert


上一篇
[Day 7] 假資料 假後端
下一篇
[Day9]登入成功 link 置換
系列文
I have an AI ,I have a React, Ugh ,AI -React 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言